<!DOCTYPE html>
<html lang="en">
<head>
	
	<meta charset="utf-8" />
	<title>Login Tata Karya Gemilang </title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
	<meta name="description" content="" />
	<meta name="author" content="" />
	<!-- STYLESHEETS -->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/cloud-admin.css')?>" />

	<link href="<?php echo base_url('assets/font-awesome/css/font-awesome.min.css')?>" rel="stylesheet" />
	<!-- DATE RANGE PICKER -->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/js/bootstrap-daterangepicker/daterangepicker-bs3.css')?>" />
	<!-- UNIFORM -->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/js/uniform/css/uniform.default.min.css')?>" />
	<!-- ANIMATE -->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/animatecss/animate.min.css')?>" />
	<!-- FONTS -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css' />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
	<body class="login">	
		<!-- PAGE -->
		<section id="page">
			<!-- LOGIN -->
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-md-offset-4">
						<div class="login-box-plain">
							<div id="logo"><img src="<?php echo base_url('assets/img/logo/logo-alt.png')?>" alt="logo name" /></a></div>
							<div class="divide-40"></div>
							<section id="login" class="visible">
								
									<?php if (validation_errors()) { ?>
									<div class="alert alert-block alert-danger fade in">
										<a class="close" data-dismiss="alert" href="#" aria-hidden="true">&times;</a>
										<h4>Terjadi Kesalahan!</h4>
										<?php echo validation_errors(); ?>
									</div>
									<?php } ?>
									<?php if ($this->session->flashdata('result_login')) { ?>
									<div class="alert alert-block alert-danger fade in">
										<a class="close" data-dismiss="alert" href="#" aria-hidden="true">&times;</a>
										<h4>Terjadi Kesalahan!</h4>
										<?php echo $this->session->flashdata('result_login'); ?>
									</div>
									<?php } ?>
				
								<?php echo form_open('login/do_login', 'id="loginform" class="no-margin"'); ?>
								<div class="form-group">
									<label for="exampleInputText1">Username</label>
									<i class="fa fa-user"></i>
									<input type="text" class="form-control" id="exampleInputText1" placeholder="Username Anda" name="username" />
								</div>
								<div class="form-group"> 
									<label for="exampleInputPassword1">Password</label>
									<i class="fa fa-lock"></i>
									<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password Anda" name="password"/>
								</div>
								  <!--<div class="dropdown">
									<button class="btn btn-block btn-primary" data-toggle="dropdown" href="#">Login As</button>
									<ul class="dropdown-menu btn-block" role="menu" aria-labelledby="dLabel">
										<li><a href="#">Administrator</a></li>
										<li><a href="#">Operator</a></li>
										<li><a href="#">Pengawas</a></li>
									</ul>
								</div>-->
								<div class="form-actions">
									<button type="submit" class="btn btn-danger">Login</button>
								</div>
								<?php echo form_close(); ?>
							</div>
						</div>
					</div>
				</div>
			</section>
			
		</section>
		<!--/PAGE -->
		<!-- JAVASCRIPTS -->
		<!-- Placed at the end of the document so the pages load faster -->


		<!-- JQUERY -->
		<script src="<?php echo base_url('assets/js/jquery/jquery-2.0.3.min.js')?>"></script>
		<!-- JQUERY UI-->
		<script src="<?php echo base_url('assets/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js')?>"></script>
		<!-- BOOTSTRAP -->
		<script src="<?php echo base_url('assets/bootstrap-dist/js/bootstrap.min.js')?>"></script>



		<!-- UNIFORM -->
		<script type="text/javascript" src="<?php echo base_url('assets/js/uniform/jquery.uniform.min.js')?>"></script>
		<!-- CUSTOM SCRIPT -->
		<script src="<?php echo base_url('assets/js/script.js')?>"></script>
		<script>
		jQuery(document).ready(function() {		
			App.setPage("login");  //Set current page
			App.init(); //Initialise plugins and elements
		});
		</script>
		<script type="text/javascript">
		function swapScreen(id) {
			jQuery('.visible').removeClass('visible animated fadeInUp');
			jQuery('#'+id).addClass('visible animated fadeInUp');
		}
		</script>

		<script>
		$(".dropdown-menu li a").click(function(){
			var selText = $(this).text();
			$(this).parents('.dropdown').find('.dropdown-toggle').html(selText);
		});
		</script>

		<!-- /JAVASCRIPTS -->
	</body>
	</html>